<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>店铺招募</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="../../b2c/lib/css/ydui.css">
    <link rel="stylesheet" type="text/css" href="css/timePicker.css">
    <link rel="stylesheet" href="../../b2c/lib/js/layui/css/layui.css">
    <link rel="styleshet" href="../../b2c/lib/css/style-min.css">
    <link rel="stylesheet" href="../../b2c/css/squadron/storeRecruit.css">
    <script src="../../b2c/lib/js/jquery/jquery-2.1.4.min.js"></script>
    <script src="../../b2c/lib/js/flexible/flexible.js"></script>
    <script src="../../b2c/lib/js/vue/vue.min.js"></script>
    <script src="../../b2c/lib/js/layui/layui.all.js"></script>
    <script type="text/javascript" src="js/jquery-timepicker.js"></script>
    <script src="../../b2c/lib/js/common/common.js"></script>
</head>
<body>
    <div id="storeRecruit" v-cloak>
    <div class="storeRecruit">
        <!--店铺资料-->
        <div class="storeData_list">
            <h4>店铺资料</h4>
            <div class="storeData clearfix">
                <div class="left"><span>店铺名称</span></div>
                <div class="right"><input type="text" placeholder="请填写商户的店铺名称" v-model="storeName" id="storeName"></div>
            </div>
            <div class="storeData clearfix">
                <div class="left"><span>店铺电话</span></div>
                <div class="right"><input type="number" placeholder="请填写店铺电话" v-model="tel" name="tel" id="tel"></div>
            </div>
            <!--<div class="storeData clearfix" style="height:1.4rem">-->
                <!--<div class="left"><span style="word-break:break-all;">手机号</span>-->


                <!--</div>-->
                <!--<div class="right"><input type="number" placeholder="请填写门店老板手机号" v-model="shopKeeper" id="shopKeeper">-->
                <!--</div>-->
                <!--<div class="clearfix"></div>-->
                <!--<i style="color:#FF893E;display:block;height:.4rem;line-height:.4rem;font-size:12px;padding-left:2rem">(务必是败家的注册用户)</i>-->
            <!--</div>-->
            <div class="storeData classify">
                <div class="left"><span>二级分类</span></div>
                <div class="right">
                    <div class='erji'>
                        <input type="text" placeholder="请选择二级分类" name="storeData.erji" readonly v-model="categoryParent" id="categoryParent">
                        <img src="../../b2c/images/squadron/select.png" alt="">
                    </div>
                    <div class="dropList">
                        <ul>
                            <li v-for="(val,ind) in parentCategoryList" v-cloak @click="SelparentCategory(val,ind)" :class="{active:val.seled}">{{val.parentCategoryName}}</li>
                        </ul>
                    </div>

                </div>


            </div>

            <div class="storeData clearfix classify">
                <div class="left"><span>三级分类</span></div>
                <div class="right">
                    <div class="sanji">
                        <input type="text" placeholder="请选择三级分类" name="storeData.sanji" v-model="category" readonly id="category">
                        <img src="../../b2c/images/squadron/select.png" alt="">
                    </div>
                    <div class="dropList">
                        <ul>
                            <li v-for="(val,ind) in childCategoryList" v-cloak @click="SelchildCategory(val)" :class="{active:val.seled}">{{val.childCategoryName}}</li>
                        </ul>
                    </div>

                </div>
                </div>
            </div>

            <div class="storeData uploadLicence" onclick="uploadImg(1)">
                <div class="cell-item">
                    <div class="cell-left">营业执照</div>
                    <div class="cell-right cell-arrow prompt">请上传营业执照</div>
                </div>
            </div>


        <!--地址信息-->
        <div class="addressInfo">
            <h4>地址信息</h4>
                <div class="city clearfix">
                    <div class="cell-item">
                        <div
class="cell-left">省/市/区</div>
                        <div class="cell-right cell-arrow" id="address">
                            <input type="text" placeholder="请选择" v-model="addressInf" readonly id="addressInf">
                        </div>
                    </div>
                </div>
                <div class="detailAddress clearfix">
                    <div class="cell-item">
                        <div class="cell-left">详细地址</div>
                        <div class="cell-right cell-arrow">
                            <input type="text" placeholder="请输入详细地址" v-model="address" id="detailAddress">
                        </div>
                    </div>
                </div>
        </div>


        <!--结算信息-->
        <div class="balanceInfo">
            <h4>结算信息</h4>
           <div class="settlementAccount" @click="isEdit()">
               <input type="text" placeholder="请填写银行卡号" v-model="settlementAccount" id="settlementAccount" disabled>
           </div>
            <div  @click="isEdit()">
                <input type="text" placeholder="请填写开户银行名" v-model="settlementBank" id="settlementBank" disabled>
            </div>
            <div  @click="isEdit()">
                <input type="text" placeholder="请填写银行卡户名" v-model="settlementMan" id="settlementMan" disabled>
            </div>
        </div>

        <!--门店代理人信息-->
        <div class="storeAgentInfo_list">
            <h4>门店代理人信息</h4>
            <!--<div class="storeAgentInfo">-->
               <!--<span>介绍人</span>-->
                <!--<div>-->
                    <!--<input type="number" v-model="agentUserNum" placeholder="请填写介绍人手机号" id="agentUserNum">-->
                <!--</div>-->
            <!--</div>-->

            <div class="storeAgentInfo">
            <span>营业开始时间</span>
            <div>
                <input type="text" placeholder="请选择营业时间"  id="saleBeginTime" readonly >
            </div>
        </div>
            <div class="storeAgentInfo">
                <span>营业结束时间</span>
                <div>
                    <input type="text" placeholder="请选择营业时间"  id="saleEndTime" readonly name="saleEndTime">
                </div>
            </div>
            <div class="storeAgentInfo">
                <span>线上买单优惠比例<i style="color:#FD4568">(0-90，填90=9折，最低9折起)</i></span>
                <div>
                    <input type="number" placeholder="请填写优惠比例" v-model="discount" min="90" max="100" id="discount">
                </div>
            </div>
            <div class="storeAgentInfo">
                <span>线下买单优惠比例<i style="color:#FD4568">(0-100,填5=5%=95折)</i></span>
                <div>
                    <input type="text" placeholder="请填写优惠比例" v-model="discountRate" id="discountRate">
                </div>
            </div>

            <div class="storeAgentInfo uploadFigure" onclick="uploadImg(2)">
                <span>门店形象图:</span>
                <div>
                    <button>点击上传图片</button>
                </div>
            </div>
            <div class="storeAgentInfo uploadLogo" onclick="uploadImg(3)">
                <span>门店logo:</span>
                <div>
                    <button>点击上传图片</button>
                </div>
            </div>
            <div class="storeAgentInfo uploadServer" onclick="uploadImg(4)">
                <span>商品服务图:</span>
                <div>
                    <button>点击上传图片</button>
                </div>
            </div>

        </div>
        <div class="submitBtn">
            提交
        </div>
</div>
        <!--用于分类的遮罩-->
        <div id="cfullbg"></div>
    <div id="fullbg" onclick="closeBg()"></div>
    <div class="destination" id="dialog">
        <div class="destinatioWrap">
            <div class="title"><span>所在地区</span></div>
            <div class="usersAddress">
                <ul>
                    <li v-bind:class="{clicked:selected==1}" onclick="getSelected(1)">{{proName}}</li>
                    <li v-bind:class="{clicked:selected==2}" v-if="proName!='请选择'"  onclick="getSelected(2)">{{cityName}}</li>
                    <li v-bind:class="{clicked:selected==3}" v-if="cityName!='请选择'" onclick="getSelected(3)">{{areaName}}</li>
                </ul>

            </div>
            <div class="desContent">
                <!--省-->
                <div class="provance left">
                    <ul>
                        <li v-for="(value,index) in addressInfo_list" @click="getCitys(value,index)" v-bind:class="{red:proSelected==index}">
                            {{value.proName}}
                            <i  style="float:right"  v-if="proSelected==index" class="icon-checkoff"></i>
                        </li>
                    </ul>
                </div>
                <!--市-->
                <div class="city left">
                    <li v-for="(value,index) in citysList" @click="getAreas(value,index)" v-bind:class="{red:citySelected==index}">
                        {{value.cityName}}<i style="float:right"  class="icon-checkoff" v-if="citySelected==index"></i>
                    </li>
                </div>
                <!--区-->

                <div class="area left">
                    <li v-for="(value,index) in areasList" @click="closeDestination(value,index)">
                        {{value.areaName}}
                        <i style="float:right"  class="icon-checkoff" v-if="areaSelected==index"></i>
                    </li>
                    <!--</div>-->
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
        <div class="tishi">
            <img src="/b2c/images/squadron/anniu@2x.png" alt="" class="anniu" onclick="jumpToApp()">
        </div>
    </div>




</body>
<script src="../../b2c/lib/js/ydui.js"></script>
<script type="text/javascript" src="js/jquery-timepicker.js"></script>
<script src="../../b2c/js/squadron/storeRecruit.js"></script>
</html>